<script setup>
import { useRouter } from "vue-router";
import MaterialButton from "@/components/MaterialButton.vue";
import vueMkHeader from "@/assets/img/home/bg1.png";

const router = useRouter();
</script>
<template>
    <div class="page-header header-height" data-aos="fade-right" :style="`background-image: url(${vueMkHeader});justify-content: center;align-items: flex-end;`" loading="lazy">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <h1 class="text-white" :style="{ display: 'block' }">1</h1>
                </div>
                <div class="col-lg-5">
                    <h1 class="text-white" :style="{ display: 'block' }">1</h1>
                </div>
            </div>
        </div>
        <MaterialButton variant="gradient" color="light" class="w-auto me-2" style="" @click="router.push(`/pages/landing-pages/about-us?type=1`)">LEARN MORE</MaterialButton>
    </div>
    <div style="background-color: red; padding: 20px 40px; color: #fff">
        <h6 data-aos="fade-left" style="color: #fff">Efans Voice Corporation is located in Memphis TN and was established in 2020. <br />Since then, it steadily grows and embarks its name in the industry. It continuously diversifies its business with quality products and services. Especially, after being HELI dealership in Memphis. We are committed to the forklifts and parts sales and after-sales service of Heli forklifts.</h6>
    </div>
</template>

<style scoped>
.header-height {
    min-height: 100vh !important;
}
@media (max-width: 1000px) {
    .header-height {
        min-height: 40vh !important;
    }
}
</style>
